<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	<!DOCTYPE html>
	<html lang="zxx" class="no-js">
	<head>
		<!-- Mobile Specific Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Favicon-->
		<link rel="shortcut icon" href="img/fav.png">
		<!-- Author Meta -->
		<meta name="author" content="colorlib">
		<!-- Meta Description -->
		<meta name="description" content="">
		<!-- Meta Keyword -->
		<meta name="keywords" content="">
		<!-- meta character set -->
		<meta charset="UTF-8">
		<!-- Site Title -->
		<title>GO运动</title>

		<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet"> 
			<!--
			CSS
			============================================= -->
			<link rel="stylesheet" href="css/linearicons.css">
			<link rel="stylesheet" href="css/font-awesome.min.css">
			<link rel="stylesheet" href="css/bootstrap.css">
			<link rel="stylesheet" href="css/magnific-popup.css">
			<link rel="stylesheet" href="css/nice-select.css">							
			<link rel="stylesheet" href="css/animate.min.css">
			<link rel="stylesheet" href="css/owl.carousel.css">			
			<link rel="stylesheet" href="css/jquery-ui.css">			
			<link rel="stylesheet" href="css/main.css">
		</head>
		<body>
		<header id="header">
			<div class="ascend"></div>
			<div class="container main-menu">
				<div class="row align-items-center justify-content-center">
					<nav id="nav-menu-container">
						<ul class="nav-menu">
							<li class="menu-active"><a href="${pageContext.request.contextPath}/page/index1.jsp">首页</a></li>
							<li><a href="${pageContext.request.contextPath}/page/about.jsp">健身动作库</a></li>
							<li><a href="${pageContext.request.contextPath}/page/services.jsp">特设课堂</a></li>
							<li><a href="${pageContext.request.contextPath}/page/trainers.jsp">图库</a></li>
							<li class="menu-has-children"><a href="">更多</a>
								<ul>
									<li><a href="${pageContext.request.contextPath}/front/FavoritePage.jsp">我的收藏</a></li>
									<li><a href="${pageContext.request.contextPath}/front/HistoryPage.jsp">历史记录</a></li>
								</ul>
							</li>
							<li><a href="${pageContext.request.contextPath}/page/elements.jsp">联系我们</a></li>
							<li><a href="${pageContext.request.contextPath}/page/contact.jsp">关于我们</a></li>
							<li>


								<div class="item-group" id="me">
									<span ><a href="${pageContext.request.contextPath}/login/userLogin.jsp">登录</a></span>|
									<span ><a href="${pageContext.request.contextPath}/register/userRegister.jsp">注册</a></span>
								</div>
							</li>
						</ul>
					</nav><!-- #nav-menu-container -->
				</div>
			</div>
		</header>
			<!-- start banner Area -->
			<section class="banner-area relative about-banner" id="home">	
				<div class="overlay overlay-bg"></div>
				<div class="container">				
					<div class="row d-flex align-items-center justify-content-center">
						<div class="about-content col-lg-12">
							<h1 class="text-white">
								Contact Us				
							</h1>	
							<p class="text-white link-nav"><a href="index1.jsp">Home </a>  <span class="lnr lnr-arrow-right"></span>  <a href="contact.jsp"> Contact Us</a></p>
						</div>	
					</div>
				</div>
			</section>
			<!-- End banner Area -->				  

			<!-- Start contact-page Area -->
			<section class="contact-page-area section-gap">
				<div class="container">
					<div class="row">
						<div class="map-wrap" style="width:100%; height: 445px;" id="map"></div>
						<div class="col-lg-4 d-flex flex-column address-wrap">
							<div class="single-contact-address d-flex flex-row">
								<div class="icon">
									<span class="lnr lnr-home"></span>
								</div>
								<div class="contact-details">
									<h5>Binghamton, New York</h5>
									<p>
										4343 Hinkle Deegan Lake Road
									</p>
								</div>
							</div>
							<div class="single-contact-address d-flex flex-row">
								<div class="icon">
									<span class="lnr lnr-phone-handset"></span>
								</div>
								<div class="contact-details">
									<h5>00 (958) 9865 562</h5>
									<p>Mon to Fri 9am to 6 pm</p>
								</div>
							</div>
							<div class="single-contact-address d-flex flex-row">
								<div class="icon">
									<span class="lnr lnr-envelope"></span>
								</div>
								<div class="contact-details">
									<h5>support@colorlib.com</h5>
									<p>Send us your query anytime!</p>
								</div>
							</div>														
						</div>
						<div class="col-lg-8">
							<form class="form-area contact-form text-right" id="myForm" action="mail.php" method="post">
								<div class="row">	
									<div class="col-lg-6 form-group">
										<input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">
									
										<input name="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-control" required="" type="email">

										<input name="subject" placeholder="Enter subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter subject'" class="common-input mb-20 form-control" required="" type="text">
									</div>
									<div class="col-lg-6 form-group">
										<textarea class="common-textarea form-control" name="message" placeholder="Enter Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Messege'" required=""></textarea>				
									</div>
									<div class="col-lg-12">
										<div class="alert-msg" style="text-align: left;"></div>
										<button class="genric-btn primary" style="float: right;">Send Message</button>											
									</div>
								</div>
							</form>	
						</div>
					</div>
				</div>	
			</section>
			<!-- End contact-page Area -->

			<!-- start footer Area -->		
			<footer class="footer-area section-gap">
				<div class="container">
					<div class="row">
						<div class="col-lg-3  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>About Us</h4>
								<p>
									The state of Utah in the United States is home to lots of beautiful National Parks, & Bryce Canyon National Park ranks as three of the magnificent & awe inspiring.
								</p>
							</div>
						</div>
						<div class="col-lg-4  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>Contact Us</h4>
								<p>
									56/8, rockybeach road, santa monica, Los angeles, California - 59620.
								</p>
								<p class="number">
									012-6532-568-9746 <br>
									012-6532-569-9748
								</p>
							</div>
						</div>						
						<div class="col-lg-5  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>Newsletter</h4>
								<p>You can trust us. we only send  offers, not a single spam.</p>
								<div class="d-flex flex-row" id="mc_embed_signup">


									  <form class="navbar-form" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get">
									    <div class="input-group add-on align-items-center d-flex">
									      	<input class="form-control" name="EMAIL" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
											<div style="position: absolute; left: -5000px;">
												<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
											</div>
									      <div class="input-group-btn">
									        <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
									      </div>
									    </div>
									      <div class="info mt-20"></div>									    
									  </form>
								</div>
							</div>
						</div>						
					</div>
					<div class="footer-bottom row align-items-center">
						<p class="footer-text m-0 col-lg-6 col-md-12"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
						<div class="col-lg-6 col-sm-12 footer-social">
							<a href="#"><i class="fa fa-facebook"></i></a>
							<a href="#"><i class="fa fa-twitter"></i></a>
							<a href="#"><i class="fa fa-dribbble"></i></a>
							<a href="#"><i class="fa fa-behance"></i></a>
						</div>
					</div>
				</div>
			</footer>	
			<!-- End footer Area -->

			<script src="${pageContext.request.contextPath}/page/js/vendor/jquery-2.2.4.min.js"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
			<script src="${pageContext.request.contextPath}/page/js/vendor/bootstrap.min.js"></script>
			<%--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhOdIF3Y9382fqJYt5I_sswSrEw5eihAA"></script>--%>
  			<script src="${pageContext.request.contextPath}/page/js/easing.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/hoverIntent.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/superfish.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.ajaxchimp.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.magnific-popup.min.js"></script>
 			<script src="${pageContext.request.contextPath}/page/js/jquery-ui.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.nice-select.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/owl.carousel.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/mail-script.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/main.js"></script>
		<script>
			$(function () {
				/*导航栏变化*/
				var user="<c:out value='${sessionScope.user.userName}' />";
				var img1="<c:out value='${sessionScope.user.userImg}' />";
				var info="";
				if(user){
					info="<li class=\"menu-has-children\"><img src=\'${pageContext.request.contextPath}/FileDownloadServlet?fileName=${sessionScope.user.userImg}\' style=\"height: 25px;\n" +
							"    width: 25px;\n" +
							"    border-radius: 50%;\" onerror=\"this.src=\'${pageContext.request.contextPath}/style/images/titlel.jpg\'\" ><a style=\"color: black; font-size: 15px;    position: absolute;\n" +
							"    top: 4px;\n" +
							"    right: -65px;\">"+user+"</a>\n" +
							"\t\t\t\t\t\t\t\t\t<ul>\n" +
							"\t\t\t\t\t\t\t\t\t\t<li><a href=\"${pageContext.request.contextPath}/front/CenTer.jsp\">个人中心</a></li>\n" +
							"\t\t\t\t\t\t\t\t\t\t<li><a  id=\"exit\">退出</a></li>\n" +
							"\t\t\t\t\t\t\t\t\t</ul>\n" +
							"\t\t\t\t\t\t\t\t</li>"
					$("#me").html(info);
				}else{
					info="<span ><a href=\"${pageContext.request.contextPath}/login/userLogin.jsp\">登录</a></span>|\n" +
							"\t\t\t\t\t\t\t\t\t<span ><a href=\"${pageContext.request.contextPath}/register/userRegister.jsp\">注册</a></span>"
					$("#me").html(info);
				}
			})
		</script>
		</body>
	</html>